<template>
<div>
      <ProTable
      :data="tableData"
      :column="column"
      :elProps="[]"
       :page="[]"
      :rowControl="[]"
      :disabled="[]"
      :controlWidth="[]"
    >
    </ProTable>
</div>
</template>

<script setup>
import { ref, watch } from 'vue' 

const column = {
name:"學生姓名(必填)",
mobile:"電話(必填)",
username:"登錄名(必填)",
password:"密碼(必填)",
sex:"性別(必填)",
num:"調課次數(必填)",
student_type_id:"學生類型(必填)",
card_number:"卡號(必填)",
email:"郵箱",
address:"地址",
ename:"英文名",
source:"學生來源",
remark:"備註",
status:"狀態",
birthday:"生日",
identity:"身份證",
education:"學歷",
relation:"與學生關係",
};

const props = defineProps({
    excelTable:Object
})
const tableData = ref([])
tableData.value = props.excelTable

console.log(tableData.value);
watch(()=>props.excelTable,(newval)=>{
    tableData.value =newval
console.log(tableData.value);
})
</script>

<style lang='less'  scoped>

</style>